<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>待发货订单</title>
    <link rel="stylesheet" href="css/weui.min.css" />
    <link rel="stylesheet" href="fonts/iconfont.css" />
    <link rel="stylesheet" href="css/style.css" />
    <script src="js/jquery-2.2.3.min.js"></script>
    <script src="js/weui.min.js"></script>

</head>
<style>
    .pending-delivery{
        border-bottom: 2px solid #00CFC4;
    }
</style>

<body ontouchstart>

    <div class="weui-content">
        <div class="order-nav">
            <div class="all">全部</div>
            <div class="pending-payment">代付款</div>
            <div class="pending-delivery">待发货</div>
            <div class="goods-to-be-received">待收货</div>
            <div class="completed">已完成</div>
        </div>
        <div class="good-item">
            <div class="good-item-title">
                <span class="order-number">订单号：5656565656565656</span>
                <span class="order-tipe">待发货</span>
            </div>
            <div class="good-item-content">
                <img src="./images/food.png" alt="">
                <span class="good-item-content-right">
                    <span class="good-item-name">麻辣小龙虾麻辣小龙虾麻辣小龙虾麻辣小龙虾</span>
                    <span class="good-item-price">25元</span>
                </span>
            </div>
            <div class="good-item-foot">
                <button class="good-item-foot-btn">确认收货</button>
            </div>
        </div>
    </div>
</body>

</html>